<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title th:text="${hello}">hello</title>
<link href="https://vjs.zencdn.net/7.2/video-js.min.css" rel="stylesheet">
<script src="https://vjs.zencdn.net/7.2/video.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.min.js"></script>
</head>
<body style="margin:0;padding:0;width:100%;height:100%;position: absolute;">
<video id="my-player" class="video-js" controls poster="http://eguid.cc/eguid-s.png" data-setup='{"controls": true, "autoplay": true, "preload": "true"}'>
<source th:src="${record.playurl}">
</video>
</body>

<script type="text/javascript">
var options = {};

var player = videojs('my-player', options, function onPlayerReady() {
  videojs.log('Your player is ready!');
  this.play();
  this.on('ended', function() {
    videojs.log('Awww...over so soon?!');
  });
});
</script>
</html>